*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:'Inter',sans-serif;background-color:#000;color:#fff;line-height:1.5;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:20px 20px}main{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem}main div{background-color:#000;border:1px solid rgba(255,255,255,0.1);border-radius:.75rem;padding:clamp(1.5rem,5vw,3rem);text-align:center;max-width:650px;width:100%;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}main img{width:64px;height:64px;margin-bottom:1.5rem;border-radius:.5rem}main h1{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;margin-bottom:.75rem;letter-spacing:-0.025em}main p{font-size:clamp(0.9rem,3vw,1rem);color:rgba(255,255,255,0.5);max-width:600px;margin:0 auto 2rem auto}main a{display:inline-block;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;border-radius:.5rem;transition:background-color .15s,border-color .15s,color .15s;color:#3b82f6;border:1px solid #3b82f6;background-color:transparent}main a:hover,main a:focus{background-color:rgba(59,130,246,0.1);color:#5ea5f8;border-color:#5ea5f8;outline:none}footer{position:fixed;bottom:1rem;left:1rem;right:1rem;display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#111;border:1px solid rgba(255,255,255,0.1);border-radius:.5rem;max-width:600px;margin:0 auto;font-size:.875rem;transform:translateY(200%);transition:transform .3s ease-out;z-index:10}footer.visible{transform:translateY(0)}footer p{color:rgba(255,255,255,0.7);margin-right:1rem}footer button{padding:.5rem 1rem;border:1px solid rgba(255,255,255,0.2);background-color:#333;color:#fff;border-radius:.25rem;cursor:pointer;transition:background-color .15s;font-size:.875rem}footer button:hover{background-color:#444}